html,
body {
	margin:0;
	padding:0;
	height:100%;
}

body {
    height: 100%;
    margin: 0 auto 0 auto;
    width: 970px;
    font-family: Helvetica, FreeSans;
    }

#body {
    padding: 10px;
    padding-bottom:40px;	/* Height of the footer */
    }

#container {
	min-height:100%;
	position:relative;
    width:inherit;
    }

#content {
    }

h1 {
    text-align: center;
    font-size: 34px;
    }

#footer {
    text-align:center;
	position:absolute;
	bottom:0;
	width:inherit;
	height:40px;			/* Height of the footer */
    margin: 0 auto 0 auto;
    }

#footer p {
	margin:0;
	padding:10px;
    }
    
.url_input {
    width: 400px;
}

.hidden {
    display: none;
}

.success_message {
    background-color: #4DF037;
}
    
/* TOPIC: XSS */
.xss_table {
	border-collapse: collapse;
    }

.xss_table td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
    }

/* TOPIC BASE NAVIGATION */

/* From http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */
#nav_holder {
   width:inherit;
   margin: 0 auto 20px auto;
   background:#fff;
   border-bottom:4px solid #000;
   overflow:hidden;
   position:relative;
}

#nav_holder ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#nav_holder ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#nav_holder ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}

#nav_holder ul li a img {
   float:left;
   border: 0;
}

#nav_holder ul li a:hover {
   background:#369;
   color:#fff;
}

#nav_holder ul li a.active,
#nav_holder ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

/* MAIN PAGE NAVIGATION */

ul#main_page_nav {
    list-style: none;
    font-size: 28px;
    }

ul#main_page_nav li {
    margin-top: 15px;
    }

ul#main_page_nav ul {
    font-size: 20px;
    text-align: center;
	margin: 0 0 0 40px;
	padding: 0;
    list-style: disc;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
    }

ul#main_page_nav ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}
	
ul#main_page_nav ul li {
	position: relative;
    margin-top: 5px;
	}
	
ul#main_page_nav ul li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

ul#main_page_nav ul li ul li {
	margin: 0;
	}
 
/* Styles for Menu Items */
ul#main_page_nav ul li a {
	display: block;
	text-decoration: none;
	color: #222;
	background: #fff; /* IE6 Bug */
	padding: 3px;
	border: 1px solid #ccc; /* IE6 Bug */
	border-bottom: 0;
	}

ul#main_page_nav ul li a.todo {
    color: #888;
}
	
/* Holly Hack. IE Requirement \*/
* html ul ul li { float: left; height: 1%; }
* html ul ul li a { height: 1%; }
/* End */
 
ul#main_page_nav ul li:hover ul, li.over ul { display: block; } /* The magic */
